package com.zhaohang.cn.fragment;

import android.content.Context;
import android.view.View;
import android.widget.ImageView;
import android.widget.Toast;

import com.bumptech.glide.Glide;
import com.youth.banner.Banner;
import com.youth.banner.BannerConfig;
import com.youth.banner.Transformer;
import com.youth.banner.listener.OnBannerListener;
import com.youth.banner.loader.ImageLoaderInterface;
import com.zhaohang.cn.mybasicactivity.BasicFragment;
import com.zhaohang.cn.mybasicactivity.MainActivity;
import com.zhaohang.cn.mybasicactivity.R;
import com.zhaohang.cn.utils.ToastMake;

import java.util.ArrayList;
import java.util.List;

/**
 * 作者: 赵航
 * 创建时间: 2018/10/30 22:34
 * 描述:
 */
public class HomeFragment extends BasicFragment implements OnBannerListener {
    private Banner       mBanner;
    private List<String> mListPath  = new ArrayList<>();
    private List<String> mListTitle = new ArrayList<>();

    @Override
    protected int setFragmetSuccessView() {
        return R.layout.fragment_home;
    }

    @Override
    protected void initFragmentView(View view) {
        mBanner = (Banner)view.findViewById(R.id.banner);
        mListPath.add("http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg");
        mListPath.add("http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg");
        mListPath.add("http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg");
        mListTitle.add("这是第一张轮番图");
        mListTitle.add("这是第二张轮番图");
        mListTitle.add("这是第三张轮番图");

        //设置内置样式，共有六种可以点入方法内逐一体验使用。
        mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);
        //设置图片加载器，图片加载器在下方
        mBanner.setImageLoader(new MyLoader());
        //设置图片网址或地址的集合
        mBanner.setImages(mListPath);
        //设置轮播的动画效果，内含多种特效，可点入方法内查找后内逐一体验
        mBanner.setBannerAnimation(Transformer.Default);
        //设置轮播图的标题集合
        mBanner.setBannerTitles(mListTitle);
        //设置轮播间隔时间
        mBanner.setDelayTime(3000);
        //设置是否为自动轮播，默认是“是”。
        mBanner.isAutoPlay(true);
        //设置指示器的位置，小点点，左中右。
        mBanner.setIndicatorGravity(BannerConfig.CENTER);
        //以上内容都可写成链式布局，这是轮播图的监听。比较重要。方法在下面。
        mBanner.setOnBannerListener(this);

        mBanner.start();
    }

    private class MyLoader implements ImageLoaderInterface {
        @Override
        public void displayImage(Context context, Object path, View imageView) {
            Glide.with(context).load((String) path).into((ImageView) imageView);
        }

        @Override
        public View createImageView(Context context) {
            return null;
        }
    }

    @Override
    public void OnBannerClick(int position) {
        ToastMake.showToast("点了第"+position+"张图片");
    }
}
